<template>
	<div class="" style="width: 100%;">
		<head-top></head-top>


	
		<div class="table_container" :style="'width: 90%;  overflow: hidden;  height:'+(winHeight/1.2)+'px;'">
			<div style="margin: 5px; display: flex;">
				<span style="font-size: 20px;width: 100px;">产品表 :  </span>
				<div>
					<el-button size="mini" type="success" @click="get_exchange_arrange()">刷新</el-button>
					
					<el-button size="mini" type="primary" @click="exportCSV()">导出</el-button>
				</div>

				<span style="font-size: medium; padding: 10px;">产品:</span>
				<el-select v-model="product_choice" size="small" clearable filterable placeholder="请选择"
					@change="get_exchange_arrange()">
					<el-option v-for="item in product_options" :key="item.label" :label="item.label"
						:value="item.value">
					</el-option>
				</el-select>
				
				<span style="padding-left:30px;">只看使用中:</span>
				<el-switch style="margin-left: 30px;height: 30px; "
				  v-model="in_use_flag"
				  active-color="#13ce66"
				  inactive-color="#ff4949">
				</el-switch>
				
				<div>
					<el-button size="mini" style="margin-left: 20px;" type="warning" @click="visible3=true">新增</el-button>
				</div>
				
			</div>

			<el-table ref="singleTable" :data="arrange_data" height="100%" border size='small' :fit='true'
				:style="'width:'+(screenWidth*1.0)+'px;'" :row-class-name=" tableRowClassNamemoneyout"  @selection-change="handleSelectionChange">
				
		     	<el-table-column  type="index" label="ID"  width="50"></el-table-column>
				<el-table-column prop="product_name" label="产品名" width="250" sortable  align></el-table-column>
				<el-table-column prop="product_nick_name" label="产品昵称"   align></el-table-column>
				<el-table-column prop="tuoguan_code" label="托管代码"   align></el-table-column>
				<el-table-column prop="product_properties" label="产品属性"   sortable  align></el-table-column>
				<el-table-column prop="exprosore_rate" label="多头暴露"  width="100"  sortable  align></el-table-column> 
				<el-table-column prop="product_order" label="产品次序"  width="100"  sortable  align></el-table-column> 
				<el-table-column prop="begin_date_kk" label="开始时间"  width="200"  sortable align></el-table-column>
				<el-table-column prop="buynew_flag" label="打新标志"    align></el-table-column>
				<el-table-column prop="begin_value" label="初始净值"     align></el-table-column>
				<el-table-column prop="product_category" label="系列名称"  sortable  align></el-table-column>
				<el-table-column prop="read_fund_class" label="净值类别"   sortable  align></el-table-column> 
				<el-table-column prop="product_trusteeship" label="托管平台"   sortable  align></el-table-column>
				<el-table-column prop="in_use" label="使用中"   sortable   align></el-table-column>
				<el-table-column prop="sales_channel" label="销售渠道"   sortable  align></el-table-column>
				<!-- <el-table-column prop="sales_day" label="开放日"   sortable  align></el-table-column> -->
				<el-table-column prop="assignment" label="销售日"   sortable  align></el-table-column>
				<el-table-column prop="supervision_type" label="产品类型"   sortable  align></el-table-column>
				
				
				
				<!-- <el-table-column prop="progress" label="进程"   sortable  width="200"  align></el-table-column>
				<el-table-column prop="log" label="备注"     width="400"  align></el-table-column>
				<el-table-column prop="necessery_task" label="必要任务"  width="200"   sortable  align></el-table-column>
				<el-table-column prop="importance" label="优先级"  width="200"   sortable  align></el- -->table-column>
				
				<el-table-column label="操作" :width='90'>
					<template slot-scope="scope">
						<el-button size="mini" type="primary" @click="handlefixaccount(scope.$index, scope.row,'binary')">修改
						</el-button>
						<!-- <el-button size="small" type="warning" @click="change_configindex(scope.$index, scope.row)">详情</el-button> -->
					</template>
				</el-table-column>
		
			</el-table>

		</div>
		<el-dialog :visible.sync="visible3">
			<div style="display: flex;flex-flow: column; justify-content:center;">
				<div style="display: flex; justify-content:center;">
					<span style="color: orange;font-size: 24px; font-family: KaiTi, Helvetica, sans-serif;">新增产品 </span>
				</div>
				<div style="display: flex;flex-flow:row; ">
					
						
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 600px;color: red;size: 10px;">名称 (和托管必须一致 量派之后司马证券投资之前的名称):</span>
							<el-input v-model="new_product" size="small" style="width: 70%;"placeholder="产品中文名称"></el-input>
						</div>
					
				
				
					
				</div>
				<div style="display: flex;align-items: center;padding-top: 20px;  justify-content:center">
					<el-button style=" height: 33px;" size="small" type="success" @click="add_product()">新增确认</el-button>
				</div>
		
		  
			</div>
		</el-dialog>
		<el-dialog :visible.sync="visible2">
			<div style="display: flex;flex-flow: column; justify-content:center;">
				<div style="display: flex; justify-content:center;">
					<span style="color: orange;font-size: 24px; font-family: KaiTi, Helvetica, sans-serif;">修改账户 {{fix_account['program_code']}}</span>
				</div>
				<div style="display: flex;flex-flow:row; ">
					<div style="width: 100%; height: 600px;overflow-y: scroll;">
					
						
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">产品列表：</span>
							<el-select v-model="fix_account['product_name']" filterable size="small" style="width: 70%;" collapse-tags placeholder="请选择">
								<el-option v-for="item in product_options" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
					
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">prod_code：</span>
							<el-input v-model="fix_account['product_nick_name']" size="small" style="width: 70%;"placeholder="product_nick_name"></el-input>
						</div>
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">托管代码：</span>
							<el-input v-model="fix_account['tuoguan_code']" size="small" style="width: 70%;"placeholder="tuoguan_code"></el-input>
						</div>
						
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">产品次序：</span>
							<el-input v-model="fix_account['product_order']" size="small" style="width: 70%;"placeholder="product_order"></el-input>
						</div>
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">多头暴露：</span>
							<el-input v-model="fix_account['exprosore_rate']" size="small" style="width: 70%;"placeholder="exprosore_rate"></el-input>
						</div>
						
						
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">开始时间：</span>
							<el-input v-model="fix_account['begin_date_kk']" size="small" style="width: 70%;"placeholder="begin_date_kk"></el-input>
						</div>
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">初始净值：</span>
							<el-input v-model="fix_account['begin_value']" size="small" style="width: 70%;"placeholder="begin_value"></el-input>
						</div>
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">read_fund_class：</span>
							<el-input v-model="fix_account['read_fund_class']" size="small" style="width: 70%;"placeholder="read_fund_class"></el-input>
						</div>
							
						
							
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">系列名称：</span>
							<el-select v-model="fix_account['product_category']" size="small" style="width: 70%;" collapse-tags placeholder="请选择">
								<el-option v-for="item in category_options" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">产品属性：</span>
							<el-select v-model="fix_account['product_properties']" size="small" style="width: 70%;" collapse-tags placeholder="请选择">
								<el-option v-for="item in strategy_options" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						<!-- <div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">管理人：</span>
							<el-input v-model="fix_account['manger']"  size="small" style="width: 70%;"placeholder="manger"></el-input>
						</div>
						 -->
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">打新标志：</span>
							<el-select v-model="fix_account['buynew_flag']" size="small" style="width: 70%;" collapse-tags placeholder="请选择">
								<el-option v-for="item in use_options" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
					
					
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">使用情况：</span>
							<el-select v-model="fix_account['in_use']" size="small" style="width: 70%;" collapse-tags placeholder="请选择">
								<el-option v-for="item in use_options" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						
						
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">托管平台：</span>
							<el-input v-model="fix_account['product_trusteeship']" size="small" style="width: 70%;"placeholder="product_trusteeship"></el-input>
						</div>
							
						<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
							<span style="width: 20%;">销售渠道：</span>
							<el-select v-model="fix_account['sales_channel']" size="small" style="width: 70%;" collapse-tags placeholder="请选择">
								<el-option v-for="item in sales_options" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
				<!-- 	<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
						<span style="width: 20%;">销售日：</span>
						<el-select v-model="fix_account['sales_day']" size="small" style="width: 70%;" placeholder="请选择" allow-create filterable>
							<el-option v-for="item in salesday_options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div> -->
					
					<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
						<span style="width: 20%;">分配类型：</span>
						<el-select v-model="fix_account['assignment']" size="small" style="width: 70%;" placeholder="请选择" >
							<el-option v-for="item in assignment_options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
					
					<div style="display: flex;align-items: center;center;padding-top: 20px; justify-content:center;">
						<span style="width: 20%;">监管类型：</span>
						<el-select v-model="fix_account['supervision_type']" size="small" style="width: 70%;" placeholder="请选择" allow-create filterable clearablezx_51>
							<el-option v-for="item in supervision_options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
								
						
				
					</div>
					
				</div>
				<div style="display: flex;align-items: center;padding-top: 20px;  justify-content:center">
					<el-button style=" height: 33px;" size="small" type="success" @click="changedata_account()">修改确认</el-button>
				</div>
		
		  
			</div>
		
		
		</el-dialog>
	</div>
</template>

<script>
	import headTop from '@/components/headTop'
	export default {
		data() {
			return {
				in_use_flag:true,
				checkflag: false,
				core_pos: [],
				pos_index_item: '',
				product_choice: "",
				product_options: [],
				target_pos_index_options: [],
				date_choice: "",
				date_options: [],
				tableData: [],
				new_product:"",
				currentRow: null,
				inoutflag:false,
				count: 0,
				exchange_detail: [],
				LP_account_list: [],
				fix_account: {},
				visible: false,
				visible2: false,
				visible3:false,
				screenWidth: document.body.clientWidth, // 屏幕尺寸
				screenHeight: document.body.clientHeight, // 屏幕尺寸
				moneyindex: "0",
				arrange_data: [],
				strategy_total_asset:0,
				
				deployer_options: [
					{
						value: '梁智博',
						label: '梁智博'
					},
					{
						value: '游雄凯',
						label: '游雄凯'
					},
					{
						value: '孙启寅',
						label: '孙启寅'
					},
					{
						value: '胡睦',
						label: '胡睦'
					},
					{
						value: '朱秀鹏',
						label: '朱秀鹏'
					},
				],
				
				category_options: [
					{
						value: '聚核系列',
						label: '聚核系列'
					},
					{
						value: '沪深300',
						label: '沪深300'
					},
					{
						value: '中证a500',
						label: '中证a500'
					},
					{
						value: '中证500',
						label: '中证500'
					},
					{
						value: 'CTA系列',
						label: 'CTA系列'
					},
					{
						value: '中证1000',
						label: '中证1000'
					},
					{
						value: '中证2000',
						label: '中证2000'
					},
					{
						value: '国证1000',
						label: '国证1000'
					},
					{
						value: '对冲系列',
						label: '对冲系列'
					},
					{
						value: '国证2000',
						label: '国证2000'
					},

				],
				
				
				
				strategy_options: [
					
					{
						value: '300',
						label: '300'
					},
					{
						value: '500',
						label: '500'
					},
					{
						value: 'a500',
						label: 'a500'
					},
					{
						value: '800',
						label: '800'
					},
					{
						value: '1000',
						label: '1000'
					},
					{
						value: '2000',
						label: '2000'
					},
					{
						value: 'gz1000',
						label: 'gz1000'
					},
					{
						value: 'gz2000',
						label: 'gz2000'
					},
					{
						value: 'future_commodity',
						label: 'future_commodity'
					},
					{
						value: 'Neutral',
						label: 'Neutral'
					},
					{
						value: 'Neutral_300',
						label: 'Neutral_300'
					},
					{
						value: 'Neutral_500',
						label: 'Neutral_500'
					},
					{
						value: 'Neutral_1000',
						label: 'Neutral_1000'
					},
					{
						value: 'Neutral_a500',
						label: 'Neutral_a500'
					},
				],
				
				supervision_options:[
					{
						value: '无',
						label: '无'
					},
					{
						value: '混合类',
						label: '混合类'
					},
					{
						value: '混合偏股',
						label: '混合偏股'
					},
					{
						value: '混合偏衍',
						label: '混合偏衍'
					},
					{
						value: '权益类',
						label: '权益类'
					},
					{
						value: '衍生品类',
						label: '衍生品类'
					},
					{
						value: '固收类',
						label: '固收类'
					},
					
				],
				
				
				sales_options:[
					{
						value: '代销',
						label: '代销'
					},
					{
						value: '直销',
						label: '直销'
					},
					{
						value: '混合',
						label: '混合'
					},
				],
				salesday_options:[
					{
						value: '每周五',
						label: '每周五'
					},
					{
						value: '15号和25号',
						label: '15号和25号'
					},
					{
						value: '每周二',
						label: '每周二'
					},
					{
						value: '8号和15号和22号和29号',
						label: '8号和15号和22号和29号'
					},
					{
						value: '8号',
						label: '8号'
					},
					{
						value: '无',
						label: '无'
					},
				],
				type_options: [
					{
						value: 'index_future',
						label: 'index_future'
					},
					{
						value: 'bond',
						label: 'bond'
					},
					{
						value: 'commodity_future',
						label: 'commodity_future'
					},
					{
						value: 'stock',
						label: 'stock'
					},

				],
				assignment_options: [
					{
						value: 'auto',
						label: 'auto'
					},
					{
						value: 'other',
						label: 'other'
					},

				],
				use_options: [
					{
						value: 'yes',
						label: 'yes'
					},
					{
						value: 'no',
						label: 'no'
					},

				],

			}
		},
		components: {
			headTop,
		},



		activated() {

			// console.log("当前登入用户", this.$store.state.adminInfo.name);
			//    if (this.tradesysPermission_list.indexOf (this.$store.state.adminInfo.permission) ==-1) {
			// 	console.log(this.$store.state.adminInfo.name,"未登入")
			// 	this.$message({type: 'error',	message: '没有权限',});
			// 	this.$router.push({
			// 		path: `/manage`
			// 	})
			// }
		},
		created() {
			
			this.get_exchange_arrange()
			this.get_tradesys_account()
		},
		computed: {
			
		},

		methods: {
			
			handleSelectionChange(val) {
				this.multipleSelection = val;
				let total_asset=0;
				for(let i=0;i<this.multipleSelection.length;i++){
					// console.log(this.multipleSelection[i].total_asset) 	
					total_asset+= this.multipleSelection[i].total_asset
				}
				this.strategy_total_asset=total_asset
				// console.log(total_asset)
							
			},
			
			handlefixaccount(index, row) {
				console.log("row", row)
				this.fix_account = row
				this.visible2 = true
			},
			get_tradesys_account() {
				var that = this;
				// console.log(that.lpapi2)
			
				let sql ="select distinct product_name from `config_product`  ORDER BY product_name  ;"
				that.$axios.post(that.lpapi2, "form=get_data&sql=" + sql).then(response => {
			
					console.log(response, 'LP_account_dict')
					let plat_list = []
					if (response.status = 200) {
						that.product_options = []
						for (var i = 0; i < response.data.length; i++) {
							let char = {
								value: response.data[i]['product_name'],
								label: response.data[i]['product_name'],
			
							};
			
							that.product_options.push(char);
						}
			
					} else {
						console.log(response.data.statusCode);
					}
				})
			
			
			},
			add_product() {
				var that = this;
				// console.log(that.lpapi2)
			
				let sql3 ="INSERT IGNORE INTO `market_data`.`config_product` (`product_name`,`in_use`) VALUES ('"+this.new_product+"','yes');"
				that.$axios.post(that.lpapi2, "form=do_sql&sql=" + sql3).then(response => {
				if (response.status = 200) {
					that.$message({
						type: 'success',
						message: '修改成功!',
					});
					that.new_product = '';
					that.visible3 = false;
					that.get_tradesys_account();
					that.$forceUpdate();
				} else {
					that.visible3 = false;
					that.$message({
						showClose: true,
						message: response.data,
						duration: 4000,
						type: 'error'
					});
				}
			})
			
			
			},
	
			exportCSV(){ //导出CSV
			   //生成文件
			   let arr = ['产品名字,对标指数,账户id,账户号,账户类型,券商,总资产'];	//第一行，列名。csv文件会默认根据逗号分割成列
			   let data = this.arrange_data;	//需要导出的列表
			   
			   for(let i=0;i<this.arrange_data.length;i++){
				   let temp = [];
				   temp.push(data[i].product_name)	//每一列
				   temp.push(data[i].product_properties)	//每一列
				   temp.push(data[i].account)
				   temp.push(data[i].account_num)
				   temp.push(data[i].account_type)
				    
				   temp.push(data[i].account_brokerage)
				   temp.push(data[i].total_asset)
				   arr.push(temp.join(','));	//添加每一行的内容
			   }
			   console.log(arr)
			   let content = "data:text/csv;charset=utf-8,\ufeff" + arr.join('\n');	//文件格式+文件内容，\n换行
			
			   //下载文件
			   var link = document.createElement("a");
			   link.setAttribute("href", content);
			   link.setAttribute("download", "资产统计.csv");
			   link.click();
			},
	
		
		
		
		
		
		
		
		
		
		
		
		
		
			get_exchange_arrange() {
				var that = this;
				console.log(that.lpapi2)
			    let in_use1=''
				if(this.in_use_flag ){
					 in_use1='yes'
				}
				else{
					 in_use1=''
				}
				
				
				
				let sql = " SELECT  *,DATE_FORMAT(begin_date, '%Y-%m-%d') as begin_date_kk from config_product where in_use  like '%"+in_use1+"%' 	;"
					
					
			
				if (this.product_choice != "") {
					sql ="SELECT  *,DATE_FORMAT(begin_date, '%Y-%m-%d') as begin_date_kk from config_product where in_use  like '%"+in_use1+"%' and product_name='" + this.product_choice +"' "
				} 
			
				that.arrange_data = []
				that.$axios.post(that.lpapi2, "form=get_data&sql=" + sql).then(response => {

					console.log(response.data[0], 'config_account')

					if (response.status = 200) {
						if (response.data[0].hasOwnProperty('message')) {
							that.arrange_data = []
						} else {
							that.arrange_data = response.data;
						}
						// that.arrange_data = response.data;
					} else {
						console.log(response.data.statusCode);
					}
				})


			},


			changedata_account(){
				var that = this
				if (this.allow_readpw!='yes' ){
					this.$prompt('请输入密码', '提示', {
						confirmButtonText: '确定',
						cancelButtonText: '取消',inputType: 'password',
						inputType: 'password',
					}).then(({
						value
					}) => {
						if (value == '621890') {
							this.$message({
								type: 'success',
								message: '密码正确:'
							});
							that.allow_readpw='yes'
						} else {
							this.$message({
								type: 'error',
								message: '密码出错'
							});
						}
					}).catch(() => {
						this.$message({
							type: 'info',
							message: '取消输入'
						});
					});
					return
				}
				
				that.$confirm('此操作将永久修改数据, 是否继续?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',inputType: 'password',
					type: 'warning'
				}).then(() => {
					let fixdata=that.fix_account
			
					
					let sql3 = "UPDATE `config_product` SET \
						`product_nick_name` = '" + fixdata['product_nick_name'] + "', \
						`exprosore_rate` = '" + fixdata['exprosore_rate'] + "', \
						`product_order` = '" + fixdata['product_order'] + "',  \
						`begin_date` = '" + fixdata['begin_date_kk'] + "',  \
						`buynew_flag` = '" + fixdata['buynew_flag'] + "',  \
						`begin_value` = '" + fixdata['begin_value'] + "',  \
						`product_category` = '" + fixdata['product_category'] + "',  \
						`tuoguan_code` = '" + fixdata['tuoguan_code'] + "',  \
						`read_fund_class` = '" + fixdata['read_fund_class'] + "',  \
						`product_trusteeship` = '" + fixdata['product_trusteeship'] + "',  \
						`in_use` = '" + fixdata['in_use'] + "',  \
						`deployer` = '" + fixdata['deployer'] + "',  \
						`sales_channel` = '" + fixdata['sales_channel'] + "',  \
						`assignment` = '" + fixdata['assignment'] + "',  \
						`supervision_type` = '" + fixdata['supervision_type'] + "',  \
						`product_properties` = '" + fixdata['product_properties'] + "'  \
						WHERE `product_name` = '" + fixdata['product_name'] + "' ;"
					
					// var jsonStr = JSON.stringify(fixdata);
					that.$axios.post(that.lpapi2, "form=do_sql&sql=" + sql3).then(response => {
					// that.$axios.post(that.lpapi2, "form=do_sql&table=LP_account_list&updata="+ jsonStr).then(response => {
						if (response.status = 200) {
							that.$message({
								type: 'success',
								message: '修改成功!',
							});
							that.visible2 = false;
							that.get_tradesys_account();
							that.$forceUpdate();
						} else {
							that.visible2 = false;
							that.$message({
								showClose: true,
								message: response.data,
								duration: 4000,
								type: 'error'
							});
						}
					})
				
				}).catch(() => {
					that.$message({
						type: 'info',
						message: '已取消修改'
					});
				});
				
				
				
				
			},

		
			
			tableRowClassNamemoneyout({
				row,
				rowIndex
			}) {
		
				if (this.arrange_data[rowIndex]['status'] == '待处理' | this.arrange_data[rowIndex]['status'] == '准备' ) {
					return 'bacorange';
				}
				if (this.arrange_data[rowIndex]['status'] == '异常') {
					return 'bacOrangeRed';
				}
				return '';
			}

		},
	}
</script>

<style>
	.el-table .bacOrangeRed {
		background: OrangeRed;
	}

	.el-table .bacorange {
		background: orange;
	}

	.el-table .success-row {
		background: grey;
		color: white;
	}

	.table_container {
		margin: 20px 5%;
		/* background-color: #0000FF; */
	}

	.el-table .grey {
		background: Silver;
	}

	.el-table .DarkGray {
		background: DarkGray;
	}

	.el-table .LightCoral {
		background: LightCoral;
		color: white;
	}

	.el-table .LimeGreen {
		background: LimeGreen;
	}

	.el-table .green {
		background: green;
	}

	.el-table .LightSlateGray {
		background: LightSlateGray;
	}

	.el-table .red {
		background: red;
		color: white;
	}

	.el-table .orange {
		background: NavajoWhite;
		color: black;
	}

	.el-table .blue {
		background: blue;
	}

	.el-table .purple {
		background: Violet;
		color: black;
	}

	.el-table .LightSteelBlue {
		background: LightSteelBlue;
	}

	.el-table .Goldenrod {
		background: Goldenrod;
	}

	.el-table .xingmu {
		background: Goldenrod;
		color: red;
		font-weight: bold;

	}


	.el-table .black {
		background: black;
		color: white;
	}

	.el-table .green {
		background: green;
		color: white;
	}

	.el-table .CornflowerBlue {
		background: CornflowerBlue;
		color: white;
	}

	.el-table .DodgerBlue {
		background: DodgerBlue;
	}
</style>
